import { Flex, Tag } from "antd";
import { FC } from "react";

interface ProblemMarkPreviewProps {
    markList: any
}

const ProblemMarkPreview: FC<ProblemMarkPreviewProps> = ({markList}) =>{

    return (
      <>
        <Flex gap="4px 0" wrap style={{margin: 20}}>
            {
                markList.map((item:any)=>{
                    return <Tag color={item.color} key={item.id}>{item.title}</Tag>
                })
            }
        </Flex>
      </>
    );

}

export default ProblemMarkPreview;